@layout("/common/_container.html",{js:["/assets/modular/system/role/role_add.js"]}){
<style>
	.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    	border-color: #89d19d;
    }
    .layui-form-pane .layui-form-label {
   	 	background-color: #e6e6e6;
	}
</style>
<div class="layui-body-header">
    <span class="layui-body-header-title">角色管理-添加</span>
</div>

<div class="layui-fluid " style="">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="userForm" lay-filter="roleForm" class="layui-form model-form" style="max-width: 700px;margin: 40px auto;">
                <input name="roleId" type="hidden"/>
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 1px;">
			    	<legend>新增角色</legend>
			  	</fieldset>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">角色名称<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input name="name" placeholder="请输入角色名称" type="text" class="layui-input" lay-verify="required" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">上级名称<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="pid" name="pid" type="hidden">
                        <input id="pName" name="pName" placeholder="请输入上级名称" type="text" class="layui-input" lay-verify="required" required autocomplete="off"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">别名<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="description" name="description" placeholder="请输入别名" type="text" class="layui-input" lay-verify="required" required autocomplete="off"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">排序</label>
                    <div class="layui-input-block">
                        <input name="sort" placeholder="请输入排序" type="text" class="layui-input"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;提交&emsp;</button>
                        <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;返回&emsp;</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@}
